<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>售水机</title>
		<meta name="keywords"  content="KEYWORDS..." />
		<meta name="description" content="DESCRIPTION..." />
		<meta name="author" content="DeathGhost" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name='apple-touch-fullscreen' content='yes'>
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="address=no">
		<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="../css/style.css"/>
		<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body style="background:#f6f6f6;">
		<div class="content">
			<header class="page-header1">
				<a href="javascript:;" onClick="javascript:history.back(-1);"><img src="../img/icon_left.png" class="back_img" style="float:left;"/></a>
				<h3>卡片充值记录</h3>
			</header>
			
			<div class="recharge_records">
				<div class="query">查询 <img src="../img/icon_bottom.png" style="width:4%;"/></div>
			</div>
			<div class="consumption_name">卡片充值记录列表（最近6个月数据，充值金额大于10元）</div>

			<div class="recharge_records_lists">
				<div class="recharge_records_list">
					<div class="recharge_records_infor">
						<div class="recharge_records_number">卡号：5B95C53C</div>
						<div class="recharge_records_plain">普通充值</div>
						<div class="recharge_records_time">2018/6/8  14:30:43</div>
					</div>
					<div class="recharge_records_money">
						<div class="recharge_records_left">
							<span class="recharge_records_name">充值:</span>
							<span class="recharge_records_num">10.00</span>
						</div>
						<a href="recharge_record_details.html"> 
							<div class="recharge_records_right">
								<button class="btn_coin_equipment_data_more">更多</button>
							</div>
						</a>
					</div>
				</div>
				
				<div class="recharge_records_list">
					<div class="recharge_records_infor">
						<div class="recharge_records_number">卡号：5B95C53C</div>
						<div class="recharge_records_no_real">记录未实名卡</div>
						<div class="recharge_records_time">2018/6/8  14:30:43</div>
					</div>
					<div class="recharge_records_money">
						<div class="recharge_records_left">
							<span class="recharge_records_name">充值:</span>
							<span class="recharge_records_num">10.00</span>
						</div>
						<div class="recharge_records_right">
							<button class="btn_coin_equipment_data_more">更多</button>
						</div>
					</div>
				</div>
			</div>
			<div style="clear: both;"></div>
		</div>
		
		<!--弹框-->
		<div class="tabulating_card">
			<div class="tabulating_card_details">
				<div class="tabulating_card_list">
					<div class="tabulating_card_lists">
						<div class="tabulating_card_lists_left tabulating_card_name">卡号</div>
						<div class="tabulating_card_lists_right tabulating_card_name_inp">
							<input type="text" name="tabulating_card_name_inps" value="" placeholder="请输入卡号" class="tabulating_card_name_inps"/>
						</div>
					</div>
					
					<div class="tabulating_card_lists">
						<div class="tabulating_card_lists_left tabulating_card_compellation">姓名</div>
						<div class="tabulating_card_lists_right tabulating_card_compellation_inp">
							<input type="text" name="tabulating_card_compellation_inps" value="" placeholder="请输入姓名" class="tabulating_card_compellation_inps"/>
						</div>
					</div>
					
					<div class="tabulating_card_lists">
						<div class="tabulating_card_lists_left tabulating_card_phone">电话</div>
						<div class="tabulating_card_lists_right tabulating_card_phone_inp">
							<input type="text" name="tabulating_card_phone_inps" value="" placeholder="请输入电话" class="tabulating_card_phone_inps"/>
						</div>
					</div>
					
					<div class="tabulating_card_lists">
						<div class="tabulating_card_lists_left tabulating_card_id">设备ID</div>
						<div class="tabulating_card_lists_right tabulating_card_id_inp">
							<input type="text" name="tabulating_card_id_inps" value="" placeholder="请输入设备ID" class="tabulating_card_id_inps"/>
						</div>
					</div>
					
				</div>
				<div class="query_btn">
					<div class="query_btns">
						<div class="query_btn_cancel">
							<button class="btn_cancel">取消</button>
						</div>
						<div class="query_btn_confirm">
							<button type="button" class="btn_confirm">查询</button>
						</div>
					</div>
				</div>
			</div>
			<div class="bg"></div>
		</div>
	</body>
	<!--点击查询出现弹框-->
	<script type="text/javascript">
		$('.recharge_records').on('click',function(e){
		    $('.tabulating_card').show();
		})
		$('.query_btn_cancel').on('click',function(){
		    $('.tabulating_card').hide();
		})
	</script>
</html>
